<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link rel="icon" type="image/x-icon" href="../static/image/myblog.ico">
<link rel="stylesheet" href="../static/css/bootstrap.min.css" type="text/css">
<link rel="stylesheet" href="../static/font-awesome/css/font-awesome.css" type="text/css">
<link rel="stylesheet" href="../static/css/register.css" type="text/css">
<link rel="stylesheet" href="../static/css/layer.css" type="text/css">
<link rel="stylesheet" href="../static/css/flatpickr.css" type="text/css">
<script type="text/javascript" src="../static/js/jquery-1.11.3.js"></script>
<script type="text/javascript" src="../static/js/jquery.cookie.js"></script>
<script type="text/javascript" src="../static/js/bootstrap.min.js"></script>
<script type="text/javascript" src="../static/js/register.js"></script>
<script type="text/javascript" src="../static/js/layer.js"></script>
<script type="text/javascript" src="../static/js/flatpickr.js"></script>
<title>账号注册</title>
</head>
<body>
<header>
	<div class="headline-panel">
		<a href="javascript:;"><img src="../static/image/myblog.ico" width="40"/></a>
		<span>账号注册</span>
	</div>
</header>
	<div class="container">
		<div class="row"><span class="login-text pull-right">已有账号？<a href="/loginnew/index">立即登录</a></span></div>
		<div class="register-panel row">
			<div class="col-md-7 col-md-offset-3">
				<div class="form-box row">
					<ul class="form-nav col-md-6 col-md-offset-2">
						<div class="row">
							<li class="col-xs-6 col-sm-6 col-md-5 text-center bbottom">邮箱注册</li>
							<li class="col-xs-6 col-sm-6 col-md-5 col-md-offset-2 text-center">手机号注册</li>
						</div>
					</ul>
				</div>
				<div class="form-panel row">
					<form action="#" class="form-email" id="form-email">
						<div id="emailOne">
							<div class="form-group">
								<label for="email" class="text-label">邮箱地址</label>
								<input type="text" class="form-control-static text-input" name="email" id="email" placeholder="请输入邮箱地址" />
								<span class="error"></span>
							</div>
							<div class="form-group has-feedback">
								<label for="email" class="text-label">验证码</label>
								<input type="text" class="form-control-static text-input" name="code" id="code" maxlength="4" style="width:220px" placeholder="请输入验证码" />
								<a href="javascript:;"><img src="" width="95" height="49" id="codeImg"/></a>
								<span class="error"></span>
							</div>
							<div class="form-group has-feedback">
								<label for="password" class="text-label">登录密码</label>
								<input type="password" name="password" class="form-control-static text-input pwd"  placeholder="请设置登录密码"  />
								<span class="glyphicon glyphicon-eye-close password-eye"></span>
								<span class="error"></span>
							</div>
							<div class="form-group">
								<div style="margin-left: 120px;width:300px;">
									<div class="checkbox checkbox-primary">
										<input type="checkbox" id="check" class="checkh" />
										<label for="check">同意并遵守</label>
									</div>
									<a href="#">《本网站协议》</a>
								</div>
							</div>
							<div class="form-group">
								<input type="button" class="btn btn-primary  btn-next" id="email-next" value="下一步" disabled="true" />
							</div>
						</div>
						<div id="emailTwo"></div>
					</form>
	
					<form action="#" class="form-phone" id="form-phone">
						<div id="phoneOne">
							<div class="form-group">
								<label for="phone" class="text-label">手机号码</label>
								<input type="text" class="form-control-static text-input" name="phone" id="phone" placeholder="请输入手机号码" />
								<span class="error"></span>
							</div>
							<div class="form-group has-feedback">
								<label for="code" class="text-label">短信验证</label>
								<input type="text" class="form-control-static text-input" name="code" id="phoneCode" maxlength="5" disabled="true" placeholder="请输入短信验证码" style="width:210px" />
								<button id="getPhoneCode" disabled="true" style="border:1px #aaa solid;margin-left: 5px;display: inline-block;width:100px;height:50px;line-height:50px;text-align: center;background-color: #ccc;color:#fff;">获取验证码</button>
								<span class="error"></span>
							</div>
							<div class="form-group has-feedback">
								<label for="password" class="text-label">登录密码</label>
								<input type="password" name="password" class="form-control-static text-input pwd" placeholder="请设置登录密码"  />
								<span class="glyphicon glyphicon-eye-close password-eye"></span>
								<span class="error"></span>
							</div>
							<div class="form-group">
								<div style="margin-left: 120px;width:300px;">
									<div class="checkbox checkbox-primary">
										<input type="checkbox" id="check2" class="checkh" />
										<label for="check2">同意并遵守</label>
									</div>
									<a href="#">《本网站协议》</a>
								</div>
							</div>
							<div class="form-group">
								<input type="button" class="btn btn-primary  btn-next" id="phone-next" value="下一步" disabled="true" />
							</div>
						</div>
						<div id="phoneTwo"></div>
					</form>

				</div>
			</div>
		</div>
	</div>
<footer>
	
</footer>
</body>
</html>
